<!-- Credit : https://plus.google.com/108949996304093815163/about -->
<!DOCTYPE html>
<html dir='ltr'>
<head>
<link href='https://kang-is.googlecode.com/svn/trunk/css/font-awesome.min.css' rel='stylesheet'/>
<meta charset='utf-8'>
<title>HTML & CSS Minifier</title>
<link href='http://mrhb404.blogspot.com/favicon.ico' rel='shortcut icon'>
<style type='text/css'>
*{margin:0;padding:0}
body{background-color:white;text-align:center;padding:50px 50px}
h1{font-size:25px;font-family:arial,sans-serif;}
textarea{display:block;text-align:left;width:98%;height:250px;border:2px solid #02C7FD;background-color:#FAFAFA;font:normal 12px/15px "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;color:#333;margin:10px auto;padding:5px;}
.button{border-radius:5px;border:0;border-bottom:5px solid rgba(0,0,0,0.1);color:#fff!important;cursor:pointer!important;display:inline-block;font-family:inherit;font-weight:normal;font-size:15px;line-height:normal;outline:0!important;padding:8px 18px;text-align:center;text-decoration:none!important;text-shadow:none!important;transition:background 0.5s ease-out;width:auto}.button:hover{color:#fff!important;transition:background 0.5s ease-out;}.button.dark{background:#34495e}.button.dark:hover{background:#2c3e50}
</style>
</head>
<body>
<h1 style="margin-top:-30px;padding-top:0px;">HTML & CSS Minifier</h1>
<textarea id='ta' spellcheck='false'></textarea>
<br/>
<button id='bt' class="button dark" style='text-align:center;'><i class="icon-ok icon-large"></i> Minify !</button>
<script type='text/javascript'>
(function(){var ta=document.getElementById('ta'),bt=document.getElementById('bt');function compress(){var v=ta.value;v=v.replace(/(>)?\s+/g,"$1 ");v=v.replace(/([\t\n\s\r]+)</g,"<");ta.value=v;ta.focus();ta.select()}bt.onclick=compress})();
</script>
</body>
</html>